function level_nature(event) {
    $(".method").load("/amp/js/app/module/level/level.html");
    require(['jquery', 'cookie', 'lay', 'vue', 'config','tool','m_level'], function ($) {
        setTimeout(function () {
            layui.use(['form'], function () {
                var form = layui.form;
                form.render();
                //是否可视
                form.on('checkbox(ks)', function(data){
                    if(data.elem.checked){
                        $(event).css("display","block");
                    }else{
                        $(event).css("display","none");
                    }
                });
                //是否水平
                form.on('checkbox(sp)', function(data){
                    if(data.elem.checked){
                        $(event).css("float","left");
                    }else{
                        $(event).css("float","none");
                    }
                });
                //是否垂直
                form.on('checkbox(cz)', function(data){
                    if(data.elem.checked){
                        $(event).css("float","none");
                    }else{
                        $(event).css("float","left");
                    }
                });
            })
        },200);
        require(['vue'],function (Vue) {
            var level=new Vue({
                el:"#level",
                data:{
                    lv_property:{
                        code:"",
                        name:"",
                        width:"",
                        height:"",
                        //是否可视
                        ks:"",
                        //水平对齐
                        sp:"",
                        //垂直对齐
                        cz:"",
                        pd_left:"",
                        pd_top:"",
                        pd_right:"",
                        pd_bottom:""
                    }
                },
                watch:{
                    'lv_property.width':function (value) {
                        $(event).css("width",value);
                    },
                    'lv_property.height':function (value) {
                        $(event).css("height",value);
                    },
                    'lv_property.pd_right':function (value) {
                        $(event).css("padding-right",value);
                    },
                    'lv_property.pd_left':function (value) {
                        $(event).css("padding-left",value);
                    },
                    'lv_property.pd_top':function (value) {
                        $(event).css("padding-top",value);
                    },
                    'lv_property.pd_bottom':function (value) {
                        $(event).css("padding-bottom",value);
                    }
                }
            })
        })
    })
}
